@charset "utf-8";
html {width: 100%;-webkit-text-size-adjust:none;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);height: 100%;}
* {margin: 0;padding: 0;border: 0;}
ul,ul li,ol,li {list-style: none outside none;}
img {vertical-align: middle;border: none;}
i {font: inherit;}
input,select,option {vertical-align: middle;border-radius: 0px;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);outline: none;}
input[type="text"],input[type="button"],input[type="submit"],input[type="reset"] {-webkit-appearance: none;appearance: none;border-radius: 0;outline: none;}
.fl {float: left;display: inline;}
.fr {float: right;display: inline;}
h1,h2,h3,h4,h5,h6,i {font-weight: normal;}
select::-ms-expand { display: none; }
a {color: #111111;text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a:hover {text-decoration: none;outline: none;}
.clear {clear: both; }
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{margin: 0;padding: 0;}
.wrap { width:1200px; margin:0 auto;}
/*clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both; }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }
.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }
/* 初始化 */
body {width: 100%;height: 100%;font-size: 16px; background: #fff;min-height: 100%;font-family: 'Microsoft Yahei', '微软雅黑', Arial, sans-serif; }
/*welcome*/
.welcome { height:33px; border-bottom:#ffffff solid 1px; background-color:#f6f6f6;color:#535050; font-size:14px; line-height:33px;}
.wel-left { float:left;}
.wel-right { float:right;}
.welcome a {color:#535050;}
.welcome a:hover {color:#339900; }
/*header*/
.header { height:127px; background-color:#f6f6f6;}
.h-logo { float:left; width:390px; height:107px; margin-top:10px; line-height:97px; overflow:hidden;}
.h-logo img{max-width: 100%;max-height: 100%;vertical-align: middle; }
.h-mid { float:left; margin-top:34px; margin-left:65px;}
.h-mid ul li { float:left; width:70px; height:70px; margin-left:20px; text-align:center; line-height:65px;}
.h-mid ul li img{max-width: 100%;max-height: 100%;vertical-align: middle; }
.h-tel { float:right; height:56px; background:url(../images/h-tel.png) no-repeat left center; margin-top:37px; padding-left:74px;}
.h-tel .tit {color:#212121; font-size:14px; line-height:1; padding-top:6px;}
.h-tel .nob {color:#e22020; font-size:24px; line-height:1; font-weight:bold; margin-top:8px;}
/*nav*/
.nav { height:45px; background-color:#339900; text-align:center;}
.nav ul { display:inline-block;}
.nav ul li { float:left; color:#ffffff; font-size:18px; line-height:45px; position:relative; padding:0 34px;letter-spacing: 1px;}
.nav ul li:after{content:""; position:absolute; left:0; top:0; width:1px; height:45px; background:url(../images/nav-line.png) no-repeat center center; }
.nav ul li:first-child:after { display:none;}
.nav ul li a { color:#ffffff; display:block; }
.nav ul li.active a{ font-weight:bold;}
.nav ul li .sub { position:absolute; top:45px; left:0; width:100%; height:auto; background-color:#f6f6f6; z-index:333;}
.nav ul li .sub ul { display:block;}
.nav ul li .sub ul li{ width:100%; font-size:16px; line-height:40px; padding:0; text-align:center; margin:0; border-top:#eeeeee solid 0px;letter-spacing:0px; }
.nav ul li .sub ul li:first-child { border-top:none;}
.nav ul li .sub ul li:after { display:none;}
.nav ul li .sub ul li a{color:#333333; }
.nav ul li .sub ul li:hover { background-color:#ffffff;}
.nav ul li .sub ul li:hover a{color:#339900; }
.nav ul li.active .sub ul li a { font-weight:normal;}
/*banner*/
.banner { height:auto;}
.banner .slideBox{ width:100%; height:auto; overflow:hidden; position:relative;}
.banner .slideBox .hd{ height:13px; overflow:hidden; position:absolute; left:50%; margin-left:-35px; bottom:43px; z-index:1; }
.banner .slideBox .hd ul{ overflow:hidden; zoom:1;}
.banner .slideBox .hd ul li{ float:left; margin:0 4px;  width:13px; height:13px;text-align:center; background:#339900; cursor:pointer;border-radius:50%; }
.banner .slideBox .hd ul li.on{ background:#ffffff; }
.banner .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.banner .slideBox .bd li{ zoom:1; vertical-align:middle; }
.banner .slideBox .bd img{ width:100%; height:auto; display:block;  }
/*search-box*/
.search-box { height:69px; border-bottom:#dddddd solid 1px; border-top:#dddddd solid 1px;}
.search-left { float:left; width:700px;}
.search-left span {color:#339900; font-size:14px; line-height:69px;}
.search-left a {color:#333333; font-size:14px; line-height:69px;}
.search-left a:hover { color:#339900;text-decoration:underline;}
.search-right { float:right; margin-top:16px;}
.search-right .search-right-text{ width:386px; text-indent:10px;height:35px;color:#333333; font-size:14px; border:#eeeeee solid 1px; background-color:#f5f5f5; }
.search-right input::-webkit-input-placeholder { color: #999999;}
.search-right .search-right-submit{  width:56px; text-align:center; height:37px; background-color:#339900; color:#fff; font-size:14px;cursor:pointer; border:none;}
/*i-pro*/
.i-pro { background-color:#f5f5f5; padding-bottom:77px;}
.i-pro-left { float:left; width:280px;  min-height:611px; padding-top:38px; background-color:#363636; margin-top:50px; overflow:hidden;}
.i-pro-left .sideMenu{ width:223px; margin:0 auto; }
.i-pro-left .sideMenu h3{ height:80px;background-color:#FFF; text-align:center; cursor:pointer;color:#333333; font-size:18px; line-height:80px; margin-bottom:20px;}
.i-pro-left .sideMenu h3 a {color:#333333;}
.i-pro-left .sideMenu h3.on{ background-color:#339900;color:#ffffff; margin-bottom:8px;}
.i-pro-left .sideMenu h3.on a {color:#ffffff;}
.i-pro-left .sideMenu ul{ display:block; padding-bottom:20px;}
.i-pro-left .sideMenu ul li {color:#ffffff; font-size:16px; line-height:62px; text-align:center; border-top:#5e5e5e solid 1px;}
.i-pro-left .sideMenu ul li:first-child {border-top:none;}
.i-pro-left .sideMenu ul li a {color:#ffffff;}
.i-pro-left .sideMenu ul li:hover a{color:#339900;}
.i-pro-right { float:right; width:864px; margin-top:35px;}
.i-pro-right-ban { height:63px; border-bottom:#dedede solid 1px;}
.i-pro-right-ban .tit{ float:left;color:#339900; font-size:32px; line-height:63px; font-weight:bold; }
.i-pro-right-ban .more{ float:right;color:#666666; font-size:14px; line-height:63px;}
.i-pro-right-ban .more a {color:#666666; }
.i-pro-right-ban .more a:hover {color:#339900; }
.i-pro-right-list { height:auto; }
.i-pro-right-list ul li{ float:left; width:280px; height:278px; border:#dedede solid 1px; background-color:#FFF; margin-top:20px;}
.i-pro-right-list ul li:nth-child(3n+2) { margin-left:9px;}
.i-pro-right-list ul li:nth-child(3n+3) { margin-left:9px;}
.i-pro-right-list ul li .pic{ width:280px; height:228px; overflow:hidden; text-align:center; line-height:228px;opacity: 0.95;  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;position: relative;}
.i-pro-right-list ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle;transition: all 0.3s; }
.i-pro-right-list ul li:hover .pic img { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(0.8, 0.8, 0.8);}
.i-pro-right-list ul li .tit { height:40px; color:#666666; font-size:14px;  transition: all 0.3s; background: url(../images/you1.png) no-repeat 240px;padding: 5px 48px 10px 15px;}
.i-pro-right-list ul li:hover .tit {color: #339900; background: url(../images/you.png) no-repeat 250px;}
.i-pro-right-list ul li figcaption{position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.i-pro-right-list ul li figcaption::before{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.5);content:'';-webkit-transition:-webkit-transform .6s;transition:transform .6s;-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0)}
.i-pro-right-list ul li:hover figcaption::before {  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0); transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);}
/*i-public*/
.i-public { height:32px; position:relative;}
.i-public:after{content:""; position:absolute; right:52px; top:15px; width:247px; height:1px; background-color:#dddddd; }
.i-public .tit { float:left; color:#333333; font-size:32px; line-height:1;}
.i-public .more { float:right; color:#666666; font-size:14px; line-height:32px;}
.i-public .more a { color:#666666;}
.i-public .more a:hover { color:#339900;}
/*i-liyou*/
.i-liyou { height:auto; padding-top:49px;}
.design{width:100%;min-width:1200px;height:640px;position:relative;overflow:hidden;background:#fff;text-align:center; margin-top:40px;}
.design .bd{width:1170px;position:absolute;left:50%;margin-left:-585px}
.design .bd li{width:1170px;overflow:hidden;margin-left:10px}
.design .bd li img{display:block;width:1170px;height:640px}
.design .tempWrap{overflow:visible!important}
.design .tempWrap ul{margin-left:-1190px!important}
.design .pnBtn{position:absolute;z-index:1;top:0;width:100%;height:640px;cursor:pointer}
.design .bg01{left:-50%;margin-left:-740px;background:0 0!important}
.design .bg02{left:50%;margin-left:740px;background:0 0!important}
.design .pnBtn .blackBg{display:block;position:absolute;left:0;top:0;width:100%;height:640px}
.design_fd{position:absolute;bottom:100px;left:50%;margin-left:222px;width:310px;height:440px;overflow:hidden}
.design_info{width:100%;height:220px;background-color:rgba(51,153,0,.9);overflow:hidden}
.design_info ul li{text-align:center;color:#fff;width:310px;height:220px;position:relative}
.design_info ul li span{position:absolute;left:-20px;top:40px;width:250px;display:block;line-height:20px;font-size:18px;overflow:hidden;-o-text-overflow:ellipsis;white-space:nowrap;text-overflow:ellipsis}
.design_info ul li p{overflow:hidden;position:absolute;left:0px;top:72px;width:218px;line-height:25px;height:100px;opacity:.8; font-size:14px;}
.design_btn{position:relative;width:100%;height:220px;background-color:#f4f4f4;cursor:pointer}
.design_btn .pageState{position:absolute;left:50%;top:82px;margin-left:-28px;font-size:18px;color:#333}
.design_btn .next,.design_btn .prev{display:block;position:absolute;width:24px;height:43px; background:url(../images/design_btnx1.png) no-repeat;}
.design_btn .prev{left:68px;top:118px; background:url(../images/design_btnx1.png) no-repeat;}
.design_btn .next{left:222px;top:118px; background:url(../images/design_btnx2.png) no-repeat;}
.design_btn .prev:hover{ background:url(../images/design_btnx12.png) no-repeat;}
.design_btn .next:hover{ background:url(../images/design_btnx22.png) no-repeat;}
.design_btn .hd{position:absolute;left:50%;top:136px;margin-left:-56px;width:108px;height:5px;padding:0 2px;background:url(../images/design_btn.png) no-repeat center center}
.design_btn .hd ul li{opacity:0;width:17px;height:5px;background-color:#339900;overflow:hidden;text-indent:99999px;float:left}
.design_btn .hd ul li.on{opacity:1}
.design>.next,.design>.prev{display:block;width:61px;height:62px;background:url(../images/design_btn3.png) no-repeat #339900;position:absolute;bottom:0;z-index:9999;cursor:pointer}
.design>.next:hover{background:url(../images/design_btn3.png) no-repeat #333}
.design>.prev{left:50%;margin-left:-656px}
.design>.next{left:50%;margin-left:-585px;background-position:-61px 0}
.design>.prev:hover{background:url(../images/design_btn3.png) no-repeat #333}
.design>.next:hover{background:url(../images/design_btn3.png) no-repeat -61px 0 #333}
/*i-anli*/
.i-anli { padding-top:53px; padding-bottom:50px; }
.i-anli-show { margin-top:40px;}
.i-anli-show .slideTxtBox{ width:1198px; border:1px solid #dddddd; text-align:left;  }
.i-anli-show .slideTxtBox .hd{ height:60px; line-height:60px; background:#f6f6f6; position:relative; }
.i-anli-show .slideTxtBox .hd ul li{ float:left; padding:0 60px; cursor:pointer; font-size:18px; color:#333333;  }
.i-anli-show .slideTxtBox .hd ul li.on{ background:#339900; color:#FFF;}
.i-anli-show .slideTxtBox .bd ul{ height:auto;  }
.i-anli-li { height:auto; padding-bottom:28px;}
.i-anli-li .pic{ float:left; width:543px; height:430px; margin-top:36px; margin-left:24px; overflow:hidden;}
.i-anli-li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle;  transition: .5s; }
.i-anli-li .pic:hover img { transform: scale(1.2); opacity: 1;}
.i-anli-li .con{ float:right; width:530px; margin-right:40px;}
.i-anli-li .con .nob {color:#dddddd; font-size:44px; line-height:1; font-weight:bold; margin-top:82px; position:relative; }
.i-anli-li .con .nob:after{content:""; position:absolute; left:64px; bottom:0; width:25px; height:4px; background-color:#339900; }
.i-anli-li .con .tit {color:#333333; font-size:24px; line-height:40px; margin-top:32px; }
.i-anli-li .con .tit a {color:#333333;}
.i-anli-li .con .des {color:#999999; font-size:14px; line-height:27px; height:54px; overflow:hidden; margin-top:8px; }
.i-anli-li .con .more { margin-top:73px;}
.i-anli-li .con .more a { display:inline-block; width:129px; height:47px; background-color:#333333; text-align:center;color:#ffffff; font-size:14px; line-height:47px; margin-right:16px; }
.i-anli-li .con .more a:first-child { background-color:#339900;}
/*i-about*/
.i-about { background-color:#f5f5f5;padding-top:53px;padding-bottom:50px; }
.i-about-list { margin-top:50px;}
.i-about-list ul li { float:left; width:33.33%;}
.i-about-list ul li img { width:100%; height:100%;}
.i-about-list ul li:first-child { width:600px; height:312px;}
.i-about-list ul li:first-child+li{ width:297px; height:312px; background-color:#339900;}
.i-about-list ul li:first-child+li+li { width:303px; height:312px;}
.i-about-list ul li:first-child+li+li+li { width:297px; height:312px; background-color:#333333;}
.i-about-list ul li:first-child+li+li+li+li { width:600px; height:312px;}
.i-about-list ul li:first-child+li+li+li+li+li { width:303px; height:312px;}
.i-about-list ul li .tit { padding:0 32px; color:#ffffff; font-size:24px; line-height:65px; padding-top:16px; position:relative; }
.i-about-list ul li .tit:after{content:""; position:absolute; left:32px; bottom:0; width:25px; height:4px; background-color:#ffffff; }
.i-about-list ul li .des { padding:0 32px; color:#ffffff; font-size:14px; line-height:27px; margin-top:24px; }
.i-about-list ul li .more { width:232px; margin:0 auto; height:37px; border:#ffffff solid 1px; text-align:center; color:#ffffff; font-size:14px; line-height:37px; margin-top:31px; }
.i-about-list ul li .more a {color:#ffffff; display:block;}
.i-about-list ul li .more:hover {box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.5);}
.i-about-list ul li:first-child+li+li+li .more:hover {box-shadow: 0px 2px 8px rgba(255, 255, 255, 0.5);}
/*i-linker*/
.i-linker { background-color:#f5f5f5; min-height:50px;}
.i-linker-show { background-color:#339900;color:#ffffff; font-size:14px; line-height:50px;}
.i-linker-show span { display:inline-block; width:89px; height:50px; background-color:#333333; text-align:center;}
.i-linker-show a { display:inline-block;color:#ffffff; margin-left:20px;}
.i-linker-show a:hover { text-decoration:underline;}
/*footer*/
.footer { background:url(../images/footer-bg.jpg) repeat; min-height:400px; padding-bottom:31px;}
.f-left { float:left; width:400px;}
.f-nav { margin-top:107px;}
.f-nav a{ display:inline-block; width:32%;color:#ffffff; font-size:16px; line-height:45px;}
.f-nav a:hover { text-decoration:underline;}
.f-copy {color:#999999; font-size:14px; line-height:26px; margin-top:42px;}
.f-copy a{color:#999999;}
.f-copy a:hover { text-decoration:underline;}
.f-mid { float:left; width:500px;color:#ffffff; font-size:20px; line-height:35px; margin-top:110px;}
.f-mid a{color:#ffffff;}
.f-mid a:hover { text-decoration:underline;}
.f-right { float:right; width:174px; height:174px; margin-top:123px;}
.f-right img {width:174px; height:174px;}

/*返回顶部*/
p#top{ position:fixed;display:none;bottom:0px;right:20px;}  
p#top a{text-align:center;text-decoration:none;color:#d1d1d1;display:block;width:30px;transition:color 1s;}  
p#top a:hover{ color:#979797;  }  
p#top a span{background:url(../images/gotop.png) no-repeat center;border-radius:6px;display:block;height:30px;transition:background 1s;}  
#top a:hover span{background:url(../images/gotop.png) no-repeat center;} 
/* 在线客服样式 */
.kefuBox{position:fixed;z-index:1000;top:180px;right:0;width:auto; _position:absolute;_top: expression(documentElement.scrollTop +45);}
.kefuBox .kefuLeft{float:left;overflow:hidden;width:30px;height: 157px;cursor:pointer;background:url(../images/qq/kefu_l.png) no-repeat}
.kefuBox .kefuRight{display:block;float:left;overflow:hidden;width:0;}
.kefuBox .kefuTop{width:154px;height:46px;background:url(../images/qq/kefu_top.png) no-repeat;}
.kefuBox .kefuClose{float:right;overflow:hidden;width:154px; height:46px;display:block;cursor:pointer;}
.kefuBox .kefuBottom{width:154px;height:12px;background:url(../images/qq/kefu_bottom.png) no-repeat;}
.kefuBox .kefuCont{width:130px;padding:0 12px;background:url(../images/qq/kefu_line.png) repeat-y;overflow:hidden;}
.kefuBox .kefuCont ul{margin:0;padding:0;}
.kefuBox .kefuCont ul li{width:80px;line-height:28px;overflow:hidden;height:28px;padding-left:40px;padding-right:10px;text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px;}
.kefuBox .kefuCont ul li a{color:#333;}
.kefuBox .kefuCont ul li.pic{width:130px;height:89px;margin-bottom:10px;padding:0;}
.kefuBox .kefuCont ul li.qq{background:url(../images/qq/qq.png) no-repeat;}
.kefuBox .kefuCont ul li.wang{background:url(../images/qq/wangwang.png) no-repeat}
.kefuBox .kefuCont ul li.spk{background:url(../images/qq/skype.png) no-repeat}
.kefuBox .kefuCont ul li.codeer{display:block;width:130px;height: 165px;text-align:center;color:#fff;padding:10px 0 0;font-family:"微软雅黑";font-size:14px;margin-bottom:0;}
.kefuBox .kefuCont ul li.codeer p{display:block;height:35px;line-height:35px;}
.kefuBox .kefuCont ul li.codeer span{display:block;width:116px;height:116px;padding:7px;background:url(../images/qq/cobj.png) no-repeat;}
.kefuBox .kefuCont ul li.codeer span img{width:116px;height:116px;}


/*n-main*/
.n-main { background-color:#f5f5f5; padding-bottom:64px;}
.n-left { float:left; width:280px; min-height:611px; padding-top:38px; background-color:#363636; margin-top:50px; overflow:hidden;}
.n-left .sideMenu{ width:223px; margin:0 auto; }
.n-left .sideMenu h3{ height:40px;background-color:#FFF; text-align:center; cursor:pointer;color:#333333; font-size:16px; line-height:40px; margin-bottom:20px;}
.n-left .sideMenu h3 a {color:#333333;}
.n-left .sideMenu h3.on{ background-color:#339900;color:#ffffff; margin-bottom:8px;}
.n-left .sideMenu h3.on a {color:#ffffff;}
.n-left .sideMenu ul{ display:block; padding-bottom:20px;}
.n-left .sideMenu ul li {color:#ffffff; font-size:14px; line-height:36px; text-align:center; border-top:#5e5e5e solid 1px;}
.n-left .sideMenu ul li:first-child {border-top:none;}
.n-left .sideMenu ul li a {color:#ffffff;}
.n-left .sideMenu ul li:hover a{color:#339900;}
.n-right { float:right; width:864px;}
.n-right-ban { background:url(../images/home.png) no-repeat left center; margin-top:50px; border-bottom:#dedede solid 1px; color:#999999; font-size:14px; line-height:48px;text-indent:18px;}
.n-right-ban a { color:#999999;}
.n-right-ban a:hover { text-decoration:underline;color:#339900;}
/*内页主要*/
.n-contact { color:#333333; font-size:16px; line-height:1.8; padding:15px 10px; }
.n-show {  padding:20px 0; height:auto; position:relative;}
.n-show .tit {  font-size: 22px; text-align: center; line-height: 32px; color: #1a1a1a; text-transform:uppercase;}
.n-show .riqi { text-align: center; color: #999;font-size: 13px;  padding:15px 0px 10px;}
.n-show .xian { height:1px; border-bottom: 1px solid #cccccc;}
.n-show .show { padding-bottom:20px;  font-size: 14px; line-height:1.8; color: #666666;}
.n-show .show img { max-width:100%;padding-left: 1%;}
.n-show .other { padding:15px 0; text-transform:uppercase; border-top:#dedede solid 1px;}
.n-show .other p{font-size: 14px; line-height:24px;color: #666666;}
.n-show .other p a { color: #666666;}
.n-show .other p a:hover { text-decoration:underline;}
.pagination { box-sizing: border-box;text-align:center; font-size:14px; margin-top:30px; margin-bottom:30px; }
.pagination a {  color:#666666;  padding:5px 7px;}
.pagination a:hover { background-color:#339900; color:#FFF;}
/*n-pic-list*/
.n-pic-list { height:auto; }
.n-pic-list ul li{ float:left; width:280px; height:273px; border:#dedede solid 1px; background-color:#FFF; margin-top:20px;}
.n-pic-list ul li:nth-child(3n+2) { margin-left:9px;}
.n-pic-list ul li:nth-child(3n+3) { margin-left:9px;}
.n-pic-list ul li .pic{ width:280px; height:238px; overflow:hidden; text-align:center; line-height:228px;opacity: 0.95;  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;position: relative;}
.n-pic-list ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle;transition: all 0.3s; }
.n-pic-list ul li .tit { text-align:center; height:35px;text-indent: 20px; color:#ffffff; font-size:16px; line-height:35px; background-color:#339900;}
.n-pic-list ul li figcaption{position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.n-pic-list ul li figcaption::before{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.5);content:'';-webkit-transition:-webkit-transform .6s;transition:transform .6s;-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0)}
.n-pic-list ul li:hover figcaption::before {  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0); transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);}
/*n-news-list*/
.n-news-list { font-size:12px; margin-top:20px;}
.n-news-list li{line-height:27px;position:relative;padding-left:10px}
.n-news-list li a{line-height:27px;color:#666}
.n-news-list li a:hover{text-decoration:none;color:#339900}
.n-news-list li span{color:#999;z-index:0;line-height:27px;position:absolute;right:0;top:0}
.n-news-list li h3{font-size:14px}
.n-news-list li div{line-height:24px;}
hr { margin-top: 20px; margin-bottom: 20px;  border: 0;  border-top: 1px solid #eee;}
/*n-picshow*/
.n-picshow { height:auto; margin-top:26px;}
.n-picshow .pic { float:left; width:403px; height:285px; overflow:hidden; text-align:center; line-height:275px;}
.n-picshow .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; }
.n-picshow .con { float:right; width:415px; margin-top:24px;}
.n-picshow .con .tit {color:#333333; font-size:18px; line-height:30px; font-weight:bold; position:relative; padding-left:15px;}
.n-picshow .con .tit:after{content:""; position:absolute; left:0; top:7px; width:3px; height:17px; background-color:#339900; }
.n-picshow .con .des {color:#666666; font-size:14px; line-height:32px; height:96px; overflow:hidden; margin-top:15px;}
.n-picshow .con .more { margin-top:40px;}
.n-picshow .con .more a { display:inline-block; width:132px; height:47px; background-color:#333333; text-align:center; color:#ffffff; font-size:14px; line-height:47px; margin-right:45px;}
.n-picshow .con .more a:first-child { background-color:#339900;}
.n-picshow-ban { border-bottom:#dedede solid 1px; color:#333333; font-size:18px; line-height:50px; font-weight:bold; padding-left:3px;}
/*n-anli-list*/
.n-anli-list { height: auto; }
.n-anli-list ul li { height:auto; margin-top:20px; border-bottom:#dedede solid 1px; padding-bottom:20px;}
.n-anli-list ul li .pic { float:left; width:200px; height:160px; text-align:center; line-height:155px; overflow:hidden; position:relative; background-color:#FFF; border: #dedede solid 1px;}
.n-anli-list ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle;transition: 0.5s;}
.n-anli-list ul li figcaption{position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.n-anli-list ul li figcaption::before{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.5);content:'';-webkit-transition:-webkit-transform .6s;transition:transform .6s;-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0)}
.n-anli-list ul li:hover figcaption::before {  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0); transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);}
.n-anli-list ul li .con { float:right; width:630px; padding-top:5px;}
.n-anli-list ul li .con .tit {color:#333333; font-size:16px; line-height:30px; height:30px; overflow:hidden;}
.n-anli-list ul li .con .des {color:#666666; font-size:14px; line-height:27px;height:81px; overflow:hidden; margin-top:10px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.n-anli-list ul li .con .more {color:#999999; font-size:14px; line-height:30px; margin-top:10px; }
.n-anli-list ul li .con .more span{ display:inline-block; float:right; width:100px; height:30px; background-color:#339900; text-align:center; color:#ffffff; font-size:15px; line-height:30px;}


@media(max-width:1200px){
.welcome{width:1200px; margin:0 auto;}
.header{width:1200px; margin:0 auto;}
.nav{width:1200px; margin:0 auto;}
.banner {width:1200px; margin:0 auto;}
.search-box{width:1200px; margin:0 auto;}
.i-pro{width:1200px; margin:0 auto;}
.i-liyou{width:1200px; margin:0 auto;}
.i-about{width:1200px; margin:0 auto;}
.i-linker{width:1200px; margin:0 auto;}
.footer{width:1200px; margin:0 auto;}
.n-main{width:1200px; margin:0 auto;}
}